body {
    /* background-color: #c04851; */
}

.div1 {
    /* background-color 背景颜色/transparent[透明]/inherit[继承父元素]  延伸到padding位置 */
    background-color: pink;
    /* background-image url('图片路径') 大图不缩小 小图平铺填充*/
    background-image: url('../images/002.png');
    /* background-repeat:no-repeat/repeat-x/repeat-y/repeat  控制图片的平铺行为 */
    background-repeat: no-repeat;
    /* background-size: cover--锁定宽高比放大图片，填充盒子 */
    /* contain:按照盒子的一个边放大图片 目的：让图片完全显示出来，并且盒子的一个方向填充满了 */
    /* 百分比：两个值 按照盒子的百分比显示图片 */
    /* background-size: 800px auto; */
    /* background-position: top center; */
    /* 20px ： --> 纵向开始的位置 10% --> 横向开始的位置 */
    /* background-position: 20px 10%; */
    /* background-color: transparent; */
    background-size: cover;
    margin: 20px;
    padding: 20px;
    /* background-attachment */
    /* scroll:内容动背景不会动 盒子动背景也动  */
    /* fixed：内容动/盒子动 背景始终在一个视角不会动 */
    /* local: 内容动/盒子动 都会带着背景一起动 */
    background-attachment: local;
    width: 800px;
    height: 400px;
    /* overflow 文本溢出处理 
        visible -- 可见的[默认] 
        hidden -- 溢出部分隐藏  
        scroll -- 出现一个滚动条[下--右都有]
        auto -- 根据内容选择是否出现滚动条
    */
    overflow: auto;
    /* overflow-y: scroll;
    overflow-x: scroll; */
    /* overflow-x: hidden; */
}

.div-child {
    /* background-color: inherit; */

}

.star {
    display: inline-block;
    width: 110px;
    height: 22px;
    /* background-color: aqua; */
    background-image: url(../images/star.png);
    /* background-size: cover; */
    background-repeat: no-repeat;
    /* 左右 上下 */
    background-position: 0 -66px;
}

.linear {
    height: 200px;
    width: 500px;
    background: rgb(63, 94, 251);
    background: linear-gradient(90deg, rgba(63, 94, 251, 1) 0%, rgba(252, 70, 107, 1) 100%);
}